<!DOCTYPE html>
<!-- saved from url=(0065)http://www.17sucai.com/preview/709282/2017-05-09/points/list.html -->
<html lang="zh-CN" style="font-size: 34.722px;"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>列表</title>
    <link rel="stylesheet" type="text/css" href="/css/shop/base.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/list.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/mui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/loaders.min.css">
    <link rel="stylesheet" type="text/css" href="/css/shop/loading.css">
    <script src="/js/shop/rem.js"></script>
    <script src="/js/shop/jquery.min.js" type="text/javascript"></script>
	<script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(window).load(function(){
			$(".loading").addClass("loader-chanage")
			$(".loading").fadeOut(300)
			// 商品分类id
			var catalogId = getParams().id;
			if(catalogId){
			    // 查询对应分类的商品
			    $.get('/items/'+ catalogId,function (data) {
                    $('.item').renderValues({list:data}, {
                        // 拼接id到超链接
                        setHref: function (item, value) {
                            var href = $(item).data('href') + value;
                            $(item).attr('href', href);
                        }
                    });
                });
			}
		})
	</script>
</head>
<!--loading页开始-->
<body><div class="loading loader-chanage" style="display: none;">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
	
		<!--头部区域-->
	    <header class="mui-bar mui-bar-nav" id="header">
			<a class="btn" href="javascript:history.go(-1)">
	            <i class="iconfont icon-fanhui"></i>
	        </a>
	       <h4>商品列表</h4>
	    </header>

		<!--商品区域-->
		
		<div class="warp clearfloat">
			<div class="lists clearfloat item">
				<div class="top clearfloat">
					<ul>
						<li>默认</li>
						<li>价格<i class="iconfont icon-xiala"></i></li>
						<li>销量<i class="iconfont icon-xiala"></i></li>
					</ul>
				</div>
				<div class="bottom clearfloat" render-loop="list">
					<div class="lie clearfloat">
						<a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id">
							<div class="tu clearfloat fl">
								<img render-src="list.imageUrl">
							</div>
						</a>
						<div class="right clearfloat fl">
							<a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id" >
								<p class="tit" render-html="list.description"></p>
							</a>
							<div class="xia clearfloat">
								<a data-href="/mine/itemdetail.html?id=" render-fun="setHref" render-key="list.id" >
									<p class="jifen fl over" render-html="list.price"></p>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--尾部-->
<!--footer star-->
<footer class="page-footer fixed-footer" id="footer">
	<ul>
		<li>
			<a href="/mine/shop.html">
				<i class="iconfont icon-shouye"></i>
				<p>首页</p>
			</a>
		</li>
		<li>
			<a href="/mine/itemcatalog.html">
				<i class="iconfont icon-icon04"></i>
				<p>分类</p>
			</a>
		</li>
		<li class="active">
			<a href="/mine/shopcar.html">
				<i class="iconfont icon-gouwuche"></i>
				<p>购物车</p>
			</a>
		</li>
		<li>
			<a href="/mine/profiles.html">
				<i class="iconfont icon-yonghuming"></i>
				<p>我的</p>
			</a>
		</li>
	</ul>
</footer>
	

</body></html>